<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backButtonClick($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            {{title}}
        </ion-title>
        <!--<ion-buttons end *ngIf="type===1">
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>-->
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="group-time">
        <div class="time-filter">
            <div class="info-head">
                <span>时间范围</span>
                <span class="timeFilter">
                      <span>{{startFilterDate.replace('-','/')}}</span>
                      <span class="line">—</span>
                      <span>{{endFilterDate.replace('-','/')}}</span>
                    </span>
            </div>
            <span class="person-panel" *ngIf="type!=1"
                    (click)="goPersonalPerformanceListPage()">
                成员业绩
            </span>
        </div>
    </div>
    <div class="info">
        <div class="summary">
            <div class="detail">
                <div class="left">
                    <p>总净保单件数</p>
                    <p>{{personalPerformance?.totalPolicy?(personalPerformance?.totalPolicy|number:'1.0-2'):'-'}}</p>
                </div>
                <div class="right">
                    <p>总净PC</p>
                    <p>{{personalPerformance?.totalPC?(personalPerformance?.totalPC|number:'1.0-2'):'-'}}</p>
                </div>
            </div>
            <div class="detail">
                <div class="left">
                    <p>总净APE</p>
                    <p>{{personalPerformance?.totalAPE?(personalPerformance?.totalAPE|number:'1.0-2'):'-'}}</p>
                </div>
                <div class="right">
                    <p>总首年佣金</p>
                    <p>{{personalPerformance?.totalCommission?(personalPerformance?.totalCommission|number:'1.0-2'):'-'}}</p>
                </div>
            </div>
        </div>

    </div>
    <div class="info-detail">
        <ion-list>
            <div class="ion-list-header">
                <span class="first">个险</span>
                <!--<img [groupShowOrHide]="group1" src="./assets/images/policy/arrow-up.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type1" (click)="toggleType(1)"></i>
            </div>
            <div  *ngIf="typeList.type1">
                <ion-item class="list-info">
                    <span class="first-info">寿险净保单件数</span>
                    <span>{{personalPerformance?.lfNetCaseCount?(personalPerformance?.lfNetCaseCount|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">PA净保单件数</span>
                    <span>{{personalPerformance?.paNetCaseCount?(personalPerformance?.paNetCaseCount|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净PC</span>
                    <span>{{personalPerformance?.indNetPc?(personalPerformance?.indNetPc|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净APE</span>
                    <span>{{personalPerformance?.indNetApe?(personalPerformance?.indNetApe|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">首年佣金(元)</span>
                    <span>{{personalPerformance?.indNetFyc?(personalPerformance?.indNetFyc|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
        <ion-list>
            <div class="ion-list-header">
                <span class="first">团险</span>
                <!--<img [groupShowOrHide]="group2" src="./assets/images/policy/arrow-d.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type2" (click)="toggleType(2)"></i>
            </div>
            <div *ngIf="typeList.type2">
                <ion-item class="list-info">
                    <span class="first-info">净保单件数</span>
                    <span>{{personalPerformance?.glhNetCaseCount?(personalPerformance?.glhNetCaseCount|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净PC</span>
                    <span>{{personalPerformance?.glhNetPc?(personalPerformance?.glhNetPc|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净APE</span>
                    <span>{{personalPerformance?.glhNetApe?(personalPerformance?.glhNetApe|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">首年佣金(元)</span>
                    <span>{{personalPerformance?.glhNetFyc?(personalPerformance?.glhNetFyc|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
        <ion-list>
            <div class="ion-list-header">
                <span class="first">团险年金险</span>
                <!--<img [groupShowOrHide]="group3" src="./assets/images/policy/arrow-d.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type3" (click)="toggleType(3)"></i>
            </div>
            <div *ngIf="typeList.type3">
                <ion-item class="list-info">
                    <span class="first-info">净保单件数</span>
                    <span>{{personalPerformance?.gpNetCaseCount?(personalPerformance?.gpNetCaseCount|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净PC</span>
                    <span>{{personalPerformance?.gpNetPc?(personalPerformance?.gpNetPc|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">净APE</span>
                    <span>{{personalPerformance?.gpNetApe?(personalPerformance?.gpNetApe|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">首年佣金(元)</span>
                    <span>{{personalPerformance?.gpNetFyc?(personalPerformance?.gpNetFyc|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
        <ion-list>
            <div class="ion-list-header">
                <span class="first">基金</span>
                <!--<img [groupShowOrHide]="group4" src="./assets/images/policy/arrow-d.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type4" (click)="toggleType(4)"></i>
            </div>
            <div *ngIf="typeList.type4">
                <!-- <ion-item class="list-info">
                    <span class="first-info">净PC</span>
                    <span>{{personalPerformance?.mfNetPc?(personalPerformance?.mfNetPc|number:'1.0-2'):'—'}}</span>
                </ion-item> -->
                <ion-item class="list-info">
                    <span class="first-info">首年佣金(元)</span>
                    <span>{{personalPerformance?.mfNetFyc?(personalPerformance?.mfNetFyc|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
        <ion-list>
            <div class="ion-list-header">
                <span class="first">寿险PC续保率</span>
                <!--<img [groupShowOrHide]="group5" src="./assets/images/policy/arrow-d.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type5" (click)="toggleType(5)"></i>
            </div>
            <div *ngIf="typeList.type5">
                <ion-item class="list-info">
                    <span class="first-info">13个月</span>
                    <span>{{personalPerformance?.lf13MonthConsrvRate?(personalPerformance?.lf13MonthConsrvRate|number:'1.0-2'):'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">19个月</span>
                    <span>{{personalPerformance?.lf19MonthConsrvRate?(personalPerformance?.lf19MonthConsrvRate|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
        <ion-list>
            <div class="ion-list-header">
                <span class="first">其他</span>
                <!--<img [groupShowOrHide]="group7" src="./assets/images/policy/arrow-d.png" alt="">-->
                <i class="toggle-panel" [class.open]="typeList.type6" (click)="toggleType(6)"></i>
            </div>
            <div *ngIf="typeList.type6">
                <ion-item class="list-info">
                    <span class="first-info">3MO</span>
                    <span>{{personalPerformance?.threeMoIndex?personalPerformance?.threeMoIndex:'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">有效人力</span>
                    <span>{{personalPerformance?.indexActive?personalPerformance?.indexActive:'-'}}</span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">打印计划书数量</span>
                    <span>{{personalPerformance?.cmpPrintNum?(personalPerformance?.cmpPrintNum|number:'1.0-2'):'-'}}</span>
                </ion-item>
            </div>
        </ion-list>
    </div>
</ion-content>
